<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>审批中心</title>
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../script/vant/index.css" />
    <link rel="stylesheet" type="text/css" href="./css/headersearch.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/customerservicelist.css" />
    <link rel="stylesheet" type="text/css" href="css/typelist.css" />
    <style>
        .aui-refresh-content {
            margin-top: 0.5rem;
            margin-bottom: 3rem;
        }

        .organization_list_li_icon {
            margin-top: 1rem;
        }

        .new-btn-bottom {
            width: 100%;
            margin: 0px auto;
            display: flex;
            /* margin-top: 10px; */
            margin-bottom: 15px;
            flex-direction: row;
            justify-content: center;

        }

        .new-blue-btn {
            width: 50%;
            text-align: center;
            margin: 0 5px;
            /* height: 30px;
            line-height: 30px; */
            /* border:solid 0.5px #f3f3f3; */
            /* border-radius: 20px; */
            /* font-weight: bold; */
        }

        .time_style {
            padding: 5px 0px 5px 12px;
            color: #a2acbb;
        }

        .workheader {
            width: 100%;
            margin: 0px;
            overflow: hidden;
        }

        .work_title_add {
            width: 80%;
            font-size: 0.8rem;
            font-weight: 500;
            margin-top: 0px;
        }

        .mt0 {
            /* margin-top: 0.1rem; */
        }

        .padding_style {
            padding-bottom: 0rem;
            /* padding-top: 0.8rem; */
        }

        .marginheight {
            margin-top: 0.3rem;
        }

        /* .mainbox{
            width: 92%;
            margin: 0 auto;
            margin-top: 15px;
            padding: 20px 16px 20px 16px;
        } */
        .StateStatus {
            padding-top: 10px;
        }

        .statuStyle {
            text-align: right;
            /* padding: 2px 0px; */
            font-weight: 500;
            margin: 0px 16px 15px 0px;
        }

        span.blue {
            padding: 2px 8px;
            border-radius: 4px;
            color: #5794e7;
            background: #eff6ff;
        }

        span.green {
            padding: 2px 8px;
            border-radius: 4px;
            color: #29aa60;
            background: #f1fff7;
        }

        span.origen {
            padding: 2px 8px;
            border-radius: 4px;
            color: #e46a27;
            background: #fff8f4;
        }

        span.gray {
            padding: 2px 8px;
            border-radius: 4px;
            color: #bbb;
            background: #f8f8f8;
        }

        .searchstyle {
            height: 35px;
            text-align: center;
            line-height: 35px;
            top: 1.2rem;
            background: #dfe5f0;
            padding-left: 8%;
            z-index: 97;
        }

        .searchstyle i {
            float: right;
            font-size: 0.6rem;
            margin-right: 4%;
            color: #a2acbb;
        }

        .mainbox {
            width: 92%;
            margin: 0 auto;
            margin-top: 15px;
            padding: 5px 5px 5px 5px;
        }

        .work_con_box {
            margin-bottom: 10px;
        }

        .maskbg {
            background: rgba(0, 0, 0, .5);
            z-index: 98;
            position: fixed;
            top: 0;
            bottom: 0;
            width: 100%;
        }

        .choosebox {
            position: fixed;
            top: 22%;
            left: 0;
            right: 0;
            /* padding: 15px; */
            border-top: solid 1px #eee;
            margin-top: 5px;
            background: #fff;
            padding-bottom: 10px;
            z-index: 99;
            height: 50%;
            overflow-y: scroll;
        }

        .showTopstyle {
            width: 50%;
            min-height: 20px !important;
            max-height: 100px !important;
            height: auto;
            top: 40%;
            margin: 0 auto;
            border-radius: 6px;
        }

        .topstyle {
            width: 100%;
            height: 48px;
            line-height: 48px;
            text-align: center;
            color: #333;
            font-size: 0.8rem;
            font-weight: bold;
            border-top: solid 0.5px #f7f7f7;
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <!-- 弹框黑色背景 -->
        <div v-on:click="doHideWin()" v-if="showWin" class="maskbg">
        </div>
        <div v-if="showWin" class="choosebox showTopstyle">
            <div v-if="isShowRead" class="topstyle" v-on:click="do_Read()">已读</div>
            <div class="topstyle" v-on:click="deleteItem()">删除</div>
        </div>
        <div class="topmsg">
            <div class="topmsg_saixuan fl">
                <van-checkbox v-model="checked" @click="choose_noread()">仅看未读</van-checkbox>
            </div>
            <div v-on:click="All_read()" class="topmsg_isread fr">全部标记为已读</div>
        </div>

        <section id="main_refresh" class="aui-refresh-content">
            <div class="organization_list_li_icon" v-if="list.length>0">
                <!-- <div class="notodayList" v-if="!can_scroll">
                    别刷了，真的没有啦...
                </div> -->
                <div v-bind:id="'scroll' + item.JpushLogID" class="typeitem" v-for="(item,index) in list">
                    <div class="boxtime">{{item.AddTime}}</div>
                    <div class="boxbg">
                        <div class="boxcenter">
                            <div class="boxpic"><img src="../image/icon/shenhe.png"></div>
                            <div class=" boxarea">
                                <div v-on:click="openGongdan(item.ApprovalID,item.Type,item.JpushLogID)"
                                    @touchStart="gettouchStart(index,item.JpushLogID,item.IsRead)"
                                    class="work_con_box mainbox">
                                    <div class="workheader">
                                        <div class="work_title_add ellipsis_one fl">{{item.HeadTitle}}
                                        </div>
                                        <div v-if="item.IsRead" class="typestatus ygd">已读</div>
                                        <div v-if="!item.IsRead" class="typestatus kgx">未读</div>
                                    </div>
                                    <!-- 优惠审批 -->
                                    <!-- Type=1 采购申请，Type=2 优惠申请，Type=9 通知公告审批，Type=10 房屋租售审批，Type=15 生活服务审批，99-违约金优惠 -->
                                    <div v-if="item.Type==2||item.Type==99"
                                        class=" work_con_box_contain mt0 padding_style ">
                                        <div class=" marginheight">
                                            <div class="work_con_box_right">
                                                <label>优惠项目：{{item.ChargeName}}</label>
                                            </div>
                                        </div>
                                        <div class=" marginheight">
                                            <div class="work_con_box_right">
                                                <label>优惠说明：{{item.DiscountRemark}}</label>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 采购申请审批 -->
                                    <div v-if="item.Type==1" class=" work_con_box_contain mt0 padding_style ">
                                        <div class=" marginheight">
                                            <div class="work_con_box_right">
                                                <label>物品用途：{{item.Title}}</label>
                                            </div>
                                        </div>
                                        <div class=" marginheight" v-if="item.GoodsList.length>0">
                                            <div class="work_con_box_right">
                                                <label>物品名称：{{item.GoodsList[0].GoodsName}}</label>
                                            </div>
                                        </div>
                                        <div class=" marginheight" v-if="item.GoodsList.length>0">
                                            <div class="work_con_box_right">
                                                <label>数量：{{item.GoodsList[0].GoodsNumber}}</label>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 仓库-采购申请审批 -->
                                    <div v-if="item.Type==32" class=" work_con_box_contain mt0 padding_style ">
                                        <div class=" marginheight">
                                            <div class="work_con_box_right">
                                                <label>申请时间：{{item.ApplyTimeDesc}}</label>
                                            </div>
                                        </div>
                                        <div class=" marginheight" >
                                            <div class="work_con_box_right">
                                                <label>需求时间：{{item.DemandTimeDesc}}</label>
                                            </div>
                                        </div>
                                        <div class=" marginheight" >
                                            <div class="work_con_box_right">
                                                <label>用途说明：{{item.Title}}</label>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 通知公告审批 -->
                                    <!-- v-if="item.Type==9"  -->
                                    <div v-if="item.Type==9||item.Type==11||item.Type==12||item.Type==13||item.Type==14"
                                        class=" work_con_box_contain mt0 padding_style ">
                                        <div class=" marginheight">
                                            <div class="work_con_box_right">
                                                <label>标题：{{item.Title}}</label>
                                            </div>
                                        </div>
                                        <div class=" marginheight">
                                            <div class="work_con_box_right">
                                                <label>简介：{{item.SummaryCont}}</label>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 房屋租售审批 -->
                                    <!-- v-if="item.Type==10"  -->
                                    <div v-if="item.Type==10" class=" work_con_box_contain mt0 padding_style ">
                                        <div class=" marginheight">
                                            <div class="work_con_box_right">
                                                <label>资源位置：{{item.RentHomeProjectName}}</label>
                                            </div>
                                        </div>
                                        <div class=" marginheight">
                                            <div class="work_con_box_right">
                                                <label>类型：{{item.RentHomeSellTypeDesc}}</label>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 放行条审批 -->
                                    <!-- v-if="item.Type==16"  -->
                                    <div v-if="item.Type==16" class=" work_con_box_contain mt0 padding_style ">
                                        <div class=" marginheight">
                                            <div class="work_con_box_right">
                                                <label>资源位置：{{item.ProjectName}}</label>
                                            </div>
                                        </div>
                                        <div class=" marginheight">
                                            <div class="work_con_box_right">
                                                <label>通行事由：{{item.VisitTypeName}}</label>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 装修审批 -->
                                    <!-- v-if="item.Type==17" -->
                                    <div v-if="item.Type==17" class=" work_con_box_contain mt0 padding_style ">
                                        <div class=" marginheight">
                                            <div class="work_con_box_right">
                                                <label>资源位置：{{item.ProjectName}}</label>
                                            </div>
                                        </div>
                                        <div class=" marginheight">
                                            <div class="work_con_box_right">
                                                <label>办理客户：{{item.UseName}}</label>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 生活服务审批 -->
                                    <!-- v-if="item.Type==15"  -->
                                    <div v-if="item.Type==15" class=" work_con_box_contain mt0 padding_style ">
                                        <div class=" marginheight">
                                            <div class="work_con_box_right">
                                                <label>服务类别：{{item.CategoryName}}</label>
                                            </div>
                                        </div>
                                        <div class=" marginheight">
                                            <div class="work_con_box_right">
                                                <label>服务名称：{{item.RelatedName}}</label>
                                            </div>
                                        </div>
                                        <div class=" marginheight">
                                            <div class="work_con_box_right">
                                                <label>所属项目：<span
                                                        v-for="item2 in item.ProjectNameList">{{item2}}</span></label>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 合同18\19\20 -->
                                    <div v-if="item.Type==18||item.Type==19||item.Type==20"
                                        class=" work_con_box_contain mt0 padding_style ">
                                        <div class=" marginheight">
                                            <div class="work_con_box_right">
                                                <label>合同名称：{{item.ContractName}}</label>
                                            </div>
                                        </div>
                                        <div class=" marginheight">
                                            <div class="work_con_box_right">
                                                <label>外包单位：{{item.ContractCompnayName}}</label>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 员工21\22\23\24\25\26\27\28 -->
                                    <div v-if="item.Type==21||item.Type==22||item.Type==23||item.Type==24||item.Type==25||item.Type==26||item.Type==27||item.Type==28"
                                        class=" work_con_box_contain mt0 padding_style ">
                                        <div class=" marginheight">
                                            <div class="work_con_box_right">
                                                <label>员工名称：{{item.StaffName}}</label>
                                            </div>
                                        </div>
                                        <div class=" marginheight">
                                            <div class="work_con_box_right">
                                                <label>申请类型：{{item.TypeName}}</label>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- 用印申请29 -->
                                    <div v-if="item.Type==29" class=" work_con_box_contain mt0 padding_style ">
                                        <div class=" marginheight">
                                            <div class="work_con_box_right">
                                                <label>用印类型：{{item.SummaryCont}}</label>
                                            </div>
                                        </div>
                                        <div class=" marginheight">
                                            <div class="work_con_box_right">
                                                <label>申请类型：{{item.TypeDesc}}</label>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 通用申请30 -->
                                    <div v-if="item.Type==30" class=" work_con_box_contain mt0 padding_style ">
                                        <div class=" marginheight">
                                            <div class="work_con_box_right">
                                                <label>审批类型：{{item.SummaryCont}}</label>
                                            </div>
                                        </div>
                                        <div class=" marginheight">
                                            <div class="work_con_box_right">
                                                <label>审批标题：{{item.TypeDesc}}</label>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- 租赁合同-调价单31 -->
                                    <div v-if="item.Type==31" class=" work_con_box_contain mt0 padding_style ">
                                        <div class=" marginheight">
                                            <div class="work_con_box_right">
                                                <label>调价单名称：{{item.ChangeName}}</label>
                                            </div>
                                        </div>
                                        <div class=" marginheight">
                                            <div class="work_con_box_right">
                                                <label>所属项目：{{item.ProjectName}}</label>
                                            </div>
                                        </div>
                                    </div>

                                </div>



                                <!-- <div v-if="item.IsAccept||item.IsReject||item.IsRevoke" class="new-btn-bottom" style="border-top:solid 0.5px #f5f5f5; ">
                                <div v-if="item.IsAccept==true" class="work_beginbtnty3 new-blue-btn"
                                    v-on:click="do_open_sure(item.ApprovalID)">
                                    <i class="icon iconfont icon-yidu" style=" font-size: 0.7rem; margin-right: 5px;"></i>同意
                                </div>
                                <div v-if="item.IsReject==true" class="work_beginbtnty3 new-blue-btn"
                                    v-on:click="do_open_jujue(item.ApprovalID)">
                                    <i class="icon iconfont icon-guanbi"
                                        style=" font-size: 0.7rem; margin-right: 5px; color: #289FFF;"></i>拒绝
                                </div>   
                                <div v-if="item.IsRevoke==true" class="work_beginbtnty3 new-blue-btn"
                                    v-on:click="doRevoke(item.ApprovalID)">
                                    <i class="icon iconfont icon-chexiao"
                                        style=" font-size: 0.7rem; margin-right: 5px; color: #289FFF;"></i>撤销
                                </div> 
                            </div> -->

                                <!-- 等待审批 -->
                                <!-- <div v-if="item.State==3||item.State==4||item.State==5" class="StateStatus"  style="border-top:solid 0.5px #f5f5f5; ">
                                
                                <div v-if="item.State==3" class="statuStyle">
                                    <span class="green">{{item.StateDesc}}</span>
                                </div>
                                <div v-if="item.State==4" class="statuStyle ">
                                    <span class="origen">{{item.StateDesc}}</span>
                                </div>
                                <div v-if="item.State==5" class="statuStyle ">
                                    <span class="gray">{{item.StateDesc}}</span>
                                </div>
                            </div> -->
                            </div>

                        </div>
                    </div>
                </div>



            </div>
            <div class="noinfo" id="noorder" v-if="list.length==0">
                <img src="../image/index/noinfomsg_icon.png" alt="" />
                <h5><br />暂无相关信息</h5>
            </div>
        </section>
        <div v-on:click="open_renwu()" class="openlist">任务列表<i class="icon iconfont icon-xiangyoujiantou"></i></div>
    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vant/vue.js"></script>
<script type="text/javascript " src="../script/vant/vant.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-dialog.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/aui-popup.js"></script>
<script type="text/javascript " src="js/examine_typelist.js"></script>

</html>